<div id="editor">
  Hello DevUI!
</div>

<nav *ngIf="false">
  <p><a [routerLink]="['/']">Home</a></p>
  <p><a [routerLink]="['/list']">List</a></p>
  <p><a [routerLink]="['/detail']">Detail</a></p>
</nav>

<div>
  <d-button (click)="prevPage()">上一页</d-button>
  <d-button (click)="nextPage()">下一页</d-button>
</div>

<canvas id="canvas-pdf"></canvas>

<div id="pdf-page-container"></div>

<!-- <iframe id="pdf-container" width="1000" height="600"></iframe> -->

<!-- <div class="chart-pie" style="width: 600px;height:400px;"></div> -->

<!-- <div class="jsmind-container"></div> -->

<!-- <d-button
  dPopover 
  [content]="customTemplate" 
  position="bottom" 
  [controlled]="true"
  [popoverStyle]="{ backgroundColor: 'white', color: 'black' }"
>确定</d-button>

<d-button icon="icon-add" bsStyle="text-dark" title="add"></d-button>

<d-button
  bsStyle="primary"
  (click)="loadComponent('text-dark')"
>text-dark</d-button>

<d-button
  bsStyle="primary"
  (click)="loadComponent('primary')"
>primary</d-button>

<d-button
  bsStyle="common"
  (click)="loadComponent('common')"
>common</d-button>

<ng-template #customTemplate>
  <h1>Custom Tips</h1>
  <h4>This is a custom tip.</h4>
</ng-template>

<ng-template #container></ng-template> -->

<router-outlet></router-outlet>